import React, { PropsWithChildren, ReactNode } from "react"
import { DesignTypes } from "../typings";

export interface CardBaseType {
  /**
   * 状态 
   * 默认：default 成功：success 失败：error 警告：warnning
   */
  status?: DesignTypes['Status'];
  /**
   * 标题
   */
  title?: ReactNode,
  /**
   * 头部
   */
  header?: ReactNode,
  /**
   * 底部
   */
  footer?: ReactNode,
  headerStyle?: React.CSSProperties,
  footerStyle?: React.CSSProperties,
  bodyStyle?: React.CSSProperties,
  cardStyle?: React.CSSProperties,
  width?: number,
  borders?: DesignTypes['Direction'][],
  /**
   * 阴影类型
   * @default base
   */
  shadow?: DesignTypes['Shadow'],
  /**
   * 阴影显示条件
   * @default never
   */
  shadowShow?: 'always' | 'never' | 'hover'
}

export type CardPropsType = PropsWithChildren<CardBaseType>